<template>
  <div class="query-time">
    <WiCard
      :customStyle="{
        'background-color': 'rgb(206, 206, 206)',
        padding: '2px 10px',
        'border-radius': '12px'
      }"
    >
      <span>{{ time }}</span>
    </WiCard>
  </div>
</template>
<script setup>
defineOptions({
  name: 'ShowTime'
})
defineProps({
  time: String
})
</script>
<style lang="scss" scoped>
.query-time {
  margin: 20px 0;
  text-align: center;

  span {
    color: #fff;
  }
}
</style>
